<script setup>
import Box from '../components/Box.vue'
import Animate from '@/components/Animate.vue';
import {onMounted, ref} from 'vue'
const step = ref(0)
onMounted(()=>{
    setInterval(()=>{
        step.value = 6
    },1000)
})
</script>
<template>
    <Box :designWidth="870" :designHeight="615">
        <div class="container">
            <Animate :step="step"></Animate>
        </div>
    </Box>
</template>

<style>
*{
    margin: 0;
    padding: 0;
}

.container{
    width: 870px;
    height: 615px;
    background-color: red;
    position: relative;
}
</style>
  